@charset "utf-8";

/*初始样式*/

body{ color:#333; font-size:14px;font-family: "Microsoft Yahei";} /*网站字体颜色*/

body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input{margin:0;padding:0;list-style:none;}

a { color:#333; text-decoration:none;font-family: "Microsoft Yahei";}  /*for ie f6n.net*/

a:focus{outline:0;} /*for ff f6n.net*/

/*a:hover { text-decoration:underline;}*/

img{border:none;}

.vam { vertical-align:middle;}

.clear{clear:both; height:0; line-height:0; font-size:0;}

p{ word-spacing:-1.5px;font-family: "Microsoft Yahei"; }

h1,h2,h3,h4,h5,h6{ font-family:"Microsoft Yahei";}



.tr { text-align:right;}

.tl { text-align:left;}

.center { text-align:center;}

.fl { float:left;}

.fr { float:right;}

.pa{ position:absolute;}

.pr{ position:relative}

i,em{ font-style:normal;}

.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}

.clearfix{zoom:1;}

/* -- 页面整体布局 -- */

.content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei";}





.tit{text-align: center;font-weight: normal;font-size: 0;line-height: 0;}

.tit b{display:block;font-size: 40px;color: #333;height: 40px;line-height: 40px;padding-bottom: 18px;}

.tit span{display:inline-block;font-size: 24px;color: #333;line-height: 24px;position: relative;}

.tit span:before{position: absolute;width: 174px;height: 5px;background: url(../images/tit1.png) no-repeat;content: "";left: -210px;top: 9px;}

.tit span:after{position: absolute;width: 174px;height: 5px;background: url(../images/tit2.png) no-repeat;content: "";right: -210px;top: 9px;}

.tit em{color: #e82319;}

/*banner*/

.banner{height: 660px;overflow: hidden;}

.banner .bd li{height: 660px;background: url(../images/banner1.jpg) no-repeat center 0;}

.banner .bd li a{display: block;height: 660px;}

/*search*/

.search{height: 74px;border-bottom:2px solid #f3f3f3;}

.search p{float: left;height: 74px;line-height: 74px;font-size: 12px;color: #171717;}

.search p a{margin-right:10px;color: #474747;font-size: 12px;}

.s_box{float: right;margin-top: 21px;width: 270px;height: 32px;background: #f3f3f3;border-radius: 16px;}

.s_box .input1{float:left;width:220px;padding-left: 20px;height:32px;line-height: 32px;font-size:14px;color:#333;border:0;background: none;outline: 0;}

.s_box .input2{float: left;width:20px;height: 32px;border: 0;background: url(../images/sou.png) no-repeat center;outline: 0;cursor: pointer;}

/*pro*/

.pro{padding: 78px 0 0;}

.pro h2{margin-bottom: 60px;}

.pro1{padding-bottom: 45px;}

.pro_l{width: 745px;}

.pro1_pic{height: 560px;position: relative;}

.pro1_pic p{position: absolute;width: 150px;left: 60px;top: 60px;}

.pro1_pic p b{display: block;font-size: 30px;color: #e82319;line-height: 60px;padding-left: 28px;background: url(../images/gou.png) no-repeat left center;position: relative;z-index: 1;}

.pro1_pic p b:after{position: absolute;width: 100%;height: 5px;background: #1a60c1;content: "";left: 0;bottom: 12px;z-index: -1;}

.pro_fea{height: 62px;padding-top: 50px;}

.pro_fea p{float: left;width: 240px;font-size: 16px;color: #333;line-height: 31px;height: 62px;}

.pro_fea p img{float: left;width: 62px;height: 62px;border-radius: 100%;margin-right: 14px;box-shadow:0px 3px 7px 0px rgba(0, 0, 0, 0.05);}

.pro_fea p b{display: block;font-size: 18px;}

.pro_r{width: 395px;}

.pro_r h3{height: 75px;line-height: 75px;}

.pro_r h3 a{font-size: 36px;color: #333;}

.pro_r h3 i{float: left;width: 38px;height: 75px;text-align: center;font-size: 28px;color: #fff;font-family: Arial;background: #e82319;margin-right: 40px;position: relative;}

.pro_r h3 i:after{position: absolute;left: 0;bottom: 0;width: 100%;height: 4px;content: "";background: #1a60c1;}

.pro_erji{width: 476px;margin: 22px 0 20px;}

.pro_erji a{float: left;width: 214px;font-size: 24px;color: #333;line-height: 60px;font-weight: bold;padding-left: 24px;background: url(../images/san1.png) no-repeat left center;}

.pro_erji a:hover{color: #e82319;background: url(../images/san2.png) no-repeat left center;}

.pro_r .more{display: block;width: 158px;height: 38px;line-height: 38px;text-align: center;font-size: 16px;color: #333;border: 1px solid #333;margin-bottom: 40px;}

.pro_r .more:hover{color: #e82319;border-color: #e82319;}

.pro_tj{width: 390px;height: 292px;border: 1px solid #d1d3e0;position: relative;overflow: hidden;}

.pro_tj img{width: 390px;height: 292px;transition: all 0.3s;}

.pro_tj span{position: absolute;left: 0;bottom: 0;width: 100%;height: 42px;line-height: 42px;text-align: center;font-size: 15px;color: #fff;font-weight: bold;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

.pro_tj:hover img{transform: scale(1.05);}

.pro_tj:hover span{color: #e82319;}

.pro2{padding-top: 74px;height: 654px;background: url(../images/pro_bg.jpg) no-repeat center 0;}

.pro2 h4{height: 50px;line-height: 50px;margin: 48px 0 0;position: relative;}

.pro2 h4:after{position: absolute;width: 344px;height: 1px;background: #e5e5e5;left: 24px;bottom: 0;content: "";}

.pro2 h4 a{float: left;font-size: 24px;color: #333;line-height: 50px;font-weight: bold;padding-left: 24px;background: url(../images/san1.png) no-repeat left center;}

.pro2 h4 a:first-child{margin-right: 30px;}

.pro2 h4 a:hover,.pro2 h4 a.on{color: #e82319;background: url(../images/san2.png) no-repeat left center;}

.pro_sj{margin: 18px 0 0 24px ;height:158px !important;}

.pro_sj a{display: block;font-size: 18px;color: #666;line-height: 36px;}

.pro_sj a:hover{color: #e82319;}

.pro2_pic{position: relative;}

.pro2_pic p{position: relative;height: 560px;}

.pro2_pic p img{width: 745px;height: 560px;}

.pro2_pic p span{position: absolute;left: 0;bottom: 0;width: 100%;font-size: 18px;color: #fff;text-align: center;height: 50px;line-height: 50px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

.pro_pg{position: absolute;right: 50px;bottom: 30px;height: 10px;}

.pro_pg i{display: inline-block;width: 10px;height: 10px;border-radius: 100%;border: 1px solid #e82319;margin-left: 10px;box-sizing: border-box;}

.pro_pg i.on{background: #e82319;}

.pro2 .pro_fea p{text-align: right;margin-left: 50px;}

.pro2 .pro_fea p img{margin-right: 0;}

/*case*/

.case{padding: 70px 0 0;background: url(../images/case_bg.jpg) no-repeat bottom center;}

.case h2{margin-bottom:30px;}

.case h3{margin: 45px 0 27px;height: 42px;background: #f2f2f2;font-weight: normal;padding: 0 30px;}

.case h3 a{float: left;font-size: 15px;color: #333;line-height: 39px;height: 39px;margin: 0 24px;position: relative;}

.case h3 a:hover{color: #ffc600;border-bottom: 3px solid #ffc600;font-weight: bold;}

.case h3 a:last-child{float: right;}

.case_list{position: relative;height: 445px;}

.case_list li{float: left;width: 383px;margin-right: 25.5px;}

.case_list li i{display: block;width: 363px;height: 252px;border: 10px solid #fff;overflow: hidden;box-shadow:0px 8px 21px 0px rgba(0, 0, 0, 0.17);}

.case_list li img{width: 363px;height: 252px;transition: all 0.5s;}

.case_list li i:hover img{transform: scale(1.05);}

.case_list li h4{font-size: 20px;line-height: 20px;padding: 22px 10px 14px; text-align:center}

.case_list li h4 a{color: #fff;}

.case_list li p{font-size: 14px;color: #fff;line-height: 22px;padding: 0 10px;}

.case_list .prev{position: absolute;left: -25px;top: 120px;z-index: 10;}

.case_list .next{position: absolute;right: -25px;top: 120px;z-index: 10;}

.case_list .tempWrap{width: 100% !important;}

/*coop*/

.coop{padding: 0 0 25px;position:relative;}

.coop ul{}

.coop li{float: left;width: 226px;text-align: center;border: 1px solid #e4e4e4;margin-right: 15px;font-size:0;line-height:0;background:#fff;}

.coop li img{height: 115px;}

.coop .prev{position:absolute;left:-60px;top:36px;width:45px;}

.coop .next{position:absolute;right:-60px;top:36px;width:45px;}

/*ys*/

.ys{padding: 90px 0 20px;}

.ys h2{margin-bottom: 55px;}

.ys_con{position: relative;}

.ys_con:before{position: absolute;width: 1px;height: 1148px;background: #d9261d;content: "";left: 50%;top: 0;}

.ys_con dl{float: left;width: 486px;margin-bottom: 30px;}

.ys_con dt img{display: block;width: 486px;height: 325px; margin-top:15px; }

.ys_con dd{border-top: 8px solid #d9261d;height: 216px;position: relative;padding: 0 20px;}

.ys_con dd h3{font-size: 28px;color: #333;line-height: 28px;padding: 24px 0 20px;}

.ys_con dd h3 i{display: inline-block;height: 30px;font-size: 36px;overflow: hidden;line-height: 28px;font-family: Arial;margin: 3px 4px 0 0;vertical-align: top;}

.ys_con dd p{font-size: 16px;color: #666;line-height: 22px;margin-bottom: 20px;}

.ys_con dl:nth-child(2n){float: right;}

.ys_con dl:nth-child(2n) dd{height: 216px;border-top: 0;border-bottom: 8px solid #d9261d;margin-top: 0;}

.ys_con dl:nth-child(2n) dd h3{padding: 22px 0 20px;}

.ys_con dl:nth-child(odd) dd:after{position: absolute;width: 29px;height: 33px;content: "";background: url(../images/san3.png) no-repeat;right: -22px;top: 80px;}

.ys_con dl:nth-child(2n) dd:after{position: absolute;width: 29px;height: 33px;content: "";background: url(../images/san4.png) no-repeat;left: -22px;top: 80px;}

.ys_con dl:nth-child(odd) em{position: absolute;width: 75px;height: 75px;right: -150px;top: 80px;background: #fff;padding: 5px 0;}

.ys_con dl:nth-child(2n) em{position: absolute;width: 75px;height: 75px;left: -150px;top: 80px;background: #fff;padding: 5px 0;}



/*ser*/

.ser{padding: 80px 0 30px;}

.ser h2{margin-bottom: 50px;}

.ser_l{float: left;width: 520px;height: 382px;}

.ser_r{float: left;width: 678px;height: 380px;border-top: 1px solid #d8d8d8;border-left: 0;}

.ser_r li{float: left;width: 165px;padding:0 30px;height: 190px;border-bottom: 1px solid #d8d8d8;border-right: 1px solid #d8d8d8;background: #f5f5f5;}

.ser_r li b{display: block;font-size: 24px;color: #333;line-height: 24px;padding: 40px 0 24px;}

.ser_r li p{font-size: 14px;color: #666;line-height: 20px;}

.ser_r li .zx{display: block;width: 120px;height: 28px;text-align: center;line-height: 28px;font-size: 16px;color: #e82319;border: 1px solid #e82319;margin: 80px auto 0;font-weight: bold;}

/*cus*/

.cus{padding: 60px 0 60px;background: #f9f9f9;}

.cus h2{margin-bottom: 50px;}

.cus_list{position: relative;}

.cus_bd dl{float: left;width: 363px;margin-right: 55.5px;}

.cus_bd dt{border: 4px solid #a6a6a6;height: 264px;overflow: hidden;}

.cus_bd dt img{width: 355px;height: 264px;transition: all 0.5s;}

.cus_bd dt:hover img{transform: scale(1.05);}

.cus_bd dd{height: 165px;background: #fff;padding: 0 30px;border: 1px solid #e8e8e8;}

.cus_bd dd h3{height: 64px;line-height: 64px;border-bottom: 1px solid #d9d9d9;margin-bottom: 12px;}

.cus_bd dd h3 a{font-size: 18px;color: #333;}

.cus_bd dd h3 i{float: right;font-size: 14px;color: #333;font-weight: normal;}

.cus_bd dd p{font-size: 14px;color: #666;line-height: 22px;}

.cus_bd dl:hover{box-shadow: 0 0 20px rgba(0,0,0,0.1);}

.cus_bd dl:hover dd{border-color: #fff;}

.cus_list .prev{position: absolute;width: 50px;height: 50px;background: url(../images/prev2.png) no-repeat;left: -25px;top: 128px;z-index: 10;}

.cus_list .next{position: absolute;width: 50px;height: 50px;background: url(../images/next2.png) no-repeat;right: -25px;top: 128px;z-index: 10;}

.cus_list .prev:hover{background: url(../images/prev1.png) no-repeat;}

.cus_list .next:hover{background: url(../images/next1.png) no-repeat;}

.cus_bd{padding: 0 0 20px !important;}

/*cess*/

.cess{padding: 0 0 100px;}

.cess h2{margin-bottom: 35px;}

.cess h2 span{font-size: 40px;line-height: 40px;font-weight: bold;}

.cess h2 span:before,.cess h2 span:after{top: 18px;}

.cess li{float: left;width: 102px;height: 102px;background: #ffc600;border-radius: 50%;margin-right: 54px;transition:all 0.3s linear;position: relative;}

.cess li:after{position: absolute;width: 11px;height: 17px;background:url(../images/jt2.png) no-repeat;content: "";top: 44px;right: -32px;}

.cess li:last-child{margin-right: 0;}

.cess li:last-child:after{display:none;}

.cess li i{display:block;width: 35px;height: 35px;overflow: hidden;margin:23px auto 0;}

.cess li img{transition:all 0.3s linear;transform:translateY(-35px);}

.cess li b{display:block;font-size: 15px;color: #333;line-height: 25px;text-align: center;transition:all 0.3s linear;}

.cess li:hover{background: #e8e8e8;}

.cess li:hover img{transform:translateY(0);}

/*xban*/

.xban{height: 280px;background: url(../images/xban.jpg) no-repeat center 0;}

.xban .content{height: 280px;position:relative;}

.xban .tel{position:absolute;left:65px;bottom:45px;padding-top: 12px;width: 430px;}

.xban .tel i{display: block;padding-left: 28px;font-size: 15px;color: #333;line-height: 20px;background: url(../images/tel2.png) no-repeat left center;}

.xban .tel em{display: block;font-size: 42px;color: #333;line-height: 50px;font-family: Arial;}

/*news*/

.news{padding: 30px 0 40px;}

.news h2{margin-bottom: 50px;}

.news h2 span{color: #666;font-size: 20px;}

.new_l{float: left;width: 600px;}

.new_l dl{height: 146px;margin-bottom: 60px;}

.new_l dt img{display: block;width: 258px;height: 146px;}

.new_l dd{float: right;width: 280px;}

.new_l dd h4{font-size: 16px;line-height: 16px;margin-bottom: 15px;}

.new_l dd p{font-size: 14px;color: #666;line-height: 20px;}

.new_l dd .xq{display: block;width: 92px;height: 25px;line-height: 25px;text-align: center;color: #fff;background: #e82319;margin-top: 30px;}

.new_r{float: right;width: 510px;padding-left: 50px;height: 352px;border-left: 1px solid #e5e5e5;}

.new_r h3{font-weight: normal;height: 16px;line-height: 16px;margin-left: -30px;margin-bottom: 6px;}

.new_r h3 a{float: left;font-size: 16px;padding: 0 30px;color: #000;}

.new_r h3 a.on{font-weight: bold;}

.new_r h3 span a{border-right: 1px solid #898989;}

.new_r li{padding: 22px 0 0;height: 98px;border-bottom: 1px dashed #dcdcdc;}

.new_r li h4{font-size: 16px;font-weight: normal;line-height: 16px;margin-bottom: 12px;}

.new_r li p{font-size: 14px;color: #333;line-height: 22px;opacity: 0.6;width: 390px;margin-left: 8px;}

.new_r li:last-child{border: 0;}

.new_r li h4:hover a,.new_l dd h4:hover a{color: #e82319;}

/*abt*/

.abt{background: url(../images/abt_bg.jpg) no-repeat center 0;padding: 377px 0 80px;}

.abt_con{background: #fff;padding: 80px 0 0;}

.abt_con h2{margin-bottom: 30px;}

.abt_con h2 span{color: #666;font-size: 20px;}

.abt_con p{font-size: 14px;color: #666;line-height: 27px;text-align: center;padding: 0 80px;}

.abt_con h3{height: 40px;text-align: center;margin-top: 30px;font-weight: normal;}

.abt_con h3 a{display: inline-block;width: 160px;height: 40px;line-height: 40px;font-size: 14px;color: #333;background: #e8e8e8;border-radius: 20px;margin: 0 10px;}

.abt_con h3 a i{display: inline-block;width: 20px;height: 20px;vertical-align: top;margin: 10px 6px 0 0;overflow: hidden;}

.abt_con h3 a img{transition:all 0.3s linear;transform:translateY(-20px);}

.abt_con h3 a:hover{background: #e82319;color: #fff;}

.abt_con h3 a:hover img{transform:translateY(0);}